<template>
    <div class="container">
        <!-- 左侧文件上传 -->
        <div class="left-pane">
            <UploadFormComponent />
        </div>

        <!-- 右侧文件列表 -->
        <div class="right-pane">
            <el-table :data="tableData_" style="width: 100%">
                <el-table-column prop="classid" label="班级" width="180" />
                <el-table-column prop="name" label="姓名" width="180" />
                <el-table-column prop="projectname" label="项目名称" />
                <el-table-column prop="skilltype" label="技术选型" />
            </el-table>
        </div>
    </div>
</template>

<script setup lang="ts">
import { storeToRefs } from 'pinia'
import { useUserStore } from '@/store/className'
import UploadFormComponent from "@/components/UploadForm.vue"

// 全局状态管理 store 获取表格渲染数据
const store = useUserStore()
const { tableData_ } = storeToRefs(store);


</script>

<style scoped>
.container {
    display: flex;
    height: 100vh;
}

.left-pane {
    flex: 1;
    padding-right: 5px;
    border-right: 1px solid #ccc;
}

.right-pane {
    flex: 2;
    padding-left: 20px;
}
</style>